<!doctype html>
<html lang="zh" xmlns:th="http://www.thymeleaf.org" th:replace="layout (title='新闻资讯')">
<div th:fragment="content">
    <div class="m2ban wOpacity wow fadeIn" data-wow-delay="0.0s" th:style="${'background-image:url('+bannerInfo.imgSrc+')'}">
        <div class="m2banTxt">
            <div class="m2ban_t1 wOpacity wow fadeInUp" data-wow-delay="0.2s" th:text="${bannerInfo.title}"></div>
        </div>
    </div>
    <div class="m2menu wOpacity wow fadeIn" data-wow-delay="0.3s">
        <a href="/news" th:class="${'m2menu_a' + (articleInfo.parentId == 5 ? ' on' : '')}">
            <span class="m2menuIcon"><img src="images/m2n_i1a.png" width="40" height="40">
                <img class="iOpacity"
                     src="images/m2n_i1.png"
                     width="40"
                     height="40"></span>
            <p>全部</p>
        </a>
        <a th:each="type,iterStat : ${typeList}" th:href="${'/news?pid='+type.id}"
           th:class="${'m2menu_a' + (articleInfo.parentId == type.id ? ' on' : '')}">
            <span class="m2menuIcon"><img th:src="${'images/m2n_i'+(iterStat.index+2)+'a.png'}" width="40" height="40">
                <img class="iOpacity"
                     th:src="${'images/m2n_i'+(iterStat.index+2)+'.png'}"
                     width="40"
                     height="40"></span>
            <p th:text="${type.title}"></p>
        </a>

    </div>
    <div class="container wOpacity wow fadeIn" data-wow-delay="0.0s">
        <div class="m3n_t wOpacity wow fadeIn" data-wow-delay="0.1s" th:text="${articleInfo.title}"></div>
        <div class="m3nInfo wOpacity wow fadeIn" data-wow-delay="0.2s"><span>来源：众签科技</span> <span th:text="${'发布于：'+#dates.format(articleInfo.updateTime, 'yyyy-MM-dd')}"></span>
        </div>
        <div class="m3editor wOpacity wow fadeIn" data-wow-delay="0.3s" th:utext="${articleInfo.content}">
        </div>
        <div class="m3nPage">
            <p th:if="${prev != null}">上一篇：<a th:href="${'/content?id='+prev.id}" th:text="${prev.title}" class="cor_888"></a></p>
            <p th:if="${next != null}">下一篇：<a th:href="${'/content?id='+next.id}" th:text="${next.title}" class="cor_888"></a></p>
            <a th:href="${'/news?pid='+articleInfo.parentId}" class="m3nBack"></a>
        </div>
    </div>
    <script>
        $(function () {
            $("#newsLi").addClass("hover");
        })
    </script>
</div>
</html>